/* HERO: baggrundsbillede + centreret indhold */

.hero-bg {
    position: relative;
    padding: 3.5rem 2.5rem;
    min-height: 60vh;
    overflow: hidden;
    background-color: #e0e0e0;
  }

  .hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/amaliegade-11.jpg");
    background-size: contain;         /* hele huset */
    background-position: 20% center;  /* let mod venstre */
    background-repeat: no-repeat;
    filter: blur(3px) brightness(0.9);
    z-index: 0;
  }

  .hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    /* let rødlig film for at matche facaden */
    background:
      linear-gradient(120deg,
        rgba(183, 70, 50, 0.60),
        rgba(0, 0, 0, 0.45));
    z-index: 0;
  }

  .hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1.8rem;
    max-width: 1100px;
    margin: 0 auto;
    align-items: center;
  }

  .hero-content,
  .caretaker {
    color: #fff;
  }

  .hero-content {
    text-align: left;
    max-width: 540px;
    padding: 1.5rem 1.75rem;
    background: rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    border-left: 4px solid var(--ama-sand);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  }

  .hero-content h1 {
    margin: 0 0 0.4rem 0;
    font-size: 2.1rem;
    font-weight: 650;
  }

  .hero-content p {
    margin: 0.2rem 0;
    font-size: 0.98rem;
  }